<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    *{
      margin: 0;
      padding: 0;
    }
   div{
        width: 50%;
        height: 100%;
       border: #ffffff solid 1px;
       margin: 0 auto;
       /* text-align: center; */
       list-style: none;
   }
   h4{
        font-size: 20px;
        color: #000;      
        /* margin-top: 200px; */
        font-family: "宋体";
    }
    .a1{
        padding-left: 30px;
        margin-top: 10px;
    }
    .switch {
            position: relative;
            display: inline-block;
            width: 60px;
            height: 34px;
        }

        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }
 
        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ccc;
            -webkit-transition: .4s;
            transition: .4s;
            border-radius: 34px;
        }
 
        .slider:before {
            position: absolute;
            content: "";
            height: 26px;
            width: 26px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
            border-radius: 50%;
        }
 
        input:checked + .slider {
            background-color: #4CD964;
        }
 
        input:focus + .slider {
            box-shadow: 0 0 1px #4CD964;
        }
 
        input:checked + .slider:before {
            -webkit-transform: translateX(26px);
            -ms-transform: translateX(26px);
            transform: translateX(26px);
        }
 
        .slider.round {
            border-radius: 34px;
        }
 
        .slider.round:before {
            border-radius: 50%;
        }
</style>
<body>
    <div>
        <img style="width: 100%;" src="img\1.jpg">
        <h4>在您的所有设备上同步并个性化设置Chrome</h4>
        <hr>
        <li>
            <p style="text-align: left;">其他Google服务</p>
            <p class="a1">允许登录Chrome</p>
            <p class="a1">关闭此设置后,您无需登录Chrome即可登录Gmail等Google网站</p>
            <label class="switch">
                <input type="checkbox" id="mySwitch" onchange="updateStatus()">
                <span class="slider round"></span>
            </label>
        </li>
        <hr>
        <li>
            <p class="a1">帮助我们改进Chrome的功能和性能</p>
            <p class="a1">自动将使用情况统计信息和崩溃报告发送至Google</p>
            <label class="switch">
                <input type="checkbox" id="mySwitch" onchange="updateStatus()">
                <span class="slider round"></span>
            </label>
        </li>
        <hr>
        <li>
            <p class="a1">改善搜索和浏览体验</p>
            <p class="a1">将您所访问的网页的网址发送给Google</p>
            <label class="switch">
                <input type="checkbox" id="mySwitch" onchange="updateStatus()">
                <span class="slider round"></span>
            </label>
        </li>
        <hr>
        <li>
            <p class="a1">改进搜索建议</p>
            <p class="a1">当您在地址栏或搜索框中输入内容时,Chrome会将您输入的内容发送给默认搜索引擎,以便为您提供更好的建议。在无痕模式下，此设置处于关闭状态。</p>
            <label class="switch">
                <input type="checkbox" id="mySwitch" onchange="updateStatus()">
                <span class="slider round"></span>
            </label>
        </li>
            
    </div>
   



</body>
</html>
       